<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" Content="Windows-1252">
<title>vertical-align Attribute</title>
<style>@import url(coUA.css);</style>
</HEAD>

<BODY>
<h3><a name="cssattr_0001000301004400"></a>vertical-align Attribute </h3>
<p>
{ <b>vertical-align:</b> <b>baseline</b>| <b>sub</b> | <b>super</b> | <b>top</b> | <b>text-top</b> | <b>middle</b> | <b>bottom</b> | <b>text-bottom</b> | &lt;<b>percentage&gt;</b>}<BR></p>
<p>
The property affects the vertical positioning of the element. </p>
<p>
This attribute is not inherited. </p>
<p>
<b>Settings</b></p>
<p>
One set of keywords is relative to the parent element: 
<ul>
<li>
baseline <br><br></li>
<li>
middle <br><br></li>
<li>
sub <br><br></li>
<li>
super <br><br></li>
<li>
text-top <br><br></li>
<li>
text-bottom </li>
</ul>
<p>
Another set of properties are relative to the formatted line that the element is a part of: 
<ul>
<li>
top <br><br></li>
<li>
bottom </li>
</ul>
<p>
Using the 'top' and 'bottom' alignment, unsolvable situations can occur where element dependencies form a loop. </p>
<p>
Percentage values refer to the 'line-height' of the element itself. E.g., a value of '-100%' will lower the element to where the baseline of the next line should have been. </p>
<p>
The 'first-letter' pseudo-element has a special interpretation of a negative value on 'vertical-align': the letter is &quot;dropped&quot; into the element. </p>
<p>
<i>Example</i></p>
<p>
SPAN.subscript { vertical-align: sub }</p>
</BODY>
</HTML>
